<template>
  <view class="tab-item apply">
    <view class="u-cell-group" inset v-for="(item, index) in info.eduList" :key="index">
      <u-cell-item :arrow="false" hover-class="none" title="学校：" :value="item.school" />
      <u-cell-item :arrow="false" hover-class="none" title="起止日期：" :value="`${item.startDate} ~ ${item.endDate}`" />
      <u-cell-item :arrow="false" hover-class="none" title="专业：" :value="item.professionalName" />
      <u-cell-item :arrow="false" hover-class="none" title="学历：" :value="item.highestEducation" />
      <u-cell-item :arrow="false" hover-class="none" title="所获证书：" :value="item.certificateObtained" class="u-last" />
    </view>
    <view class="title" v-if="info.trainList.length > 0">培训经历</view>
    <view class="u-cell-group" inset v-for="(item, index) in info.trainList" :key="index">
      <u-cell-item :arrow="false" hover-class="none" title="培训机构：" :value="item.trainCourse" />
      <u-cell-item :arrow="false" hover-class="none" title="起止日期：" :value="`${item.startDate} ~ ${item.endDate}`" />
      <u-cell-item :arrow="false" hover-class="none" title="培训内容：" :value="item.trainInstitution" />
      <u-cell-item :arrow="false" hover-class="none" title="所获证书：" :value="item.certificateObtained" class="u-last"/>
    </view>
    <u-empty text="暂无内容" v-if="info.eduList.length == 0 && info.trainList.length == 0"></u-empty>
  </view>
</template>

<script>
export default {
  props: {
    info: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {}
  }
};
</script>

<style lang="scss" scoped>
.tab-item {
  margin-top: 32rpx;
  margin: 32rpx;
  .title {
    margin: 40rpx 32rpx 16rpx 0;
    font-size: 16px;
    color: #000;
  }
}
.u-cell-group {
  background-color: #fff;
  padding: 8rpx 32rpx;
  margin-bottom: 32rpx;
  border-radius: 10rpx;
  box-shadow: 0 6rpx 10rpx 0 rgba(10,33,89,0.1);
}
</style>